import {createRouter,createWebHashHistory} from "vue-router";
import { getToken } from '@/utils/auth'
import Mango from "@/views/mango/Mango";
import Login from "@/views/login/login";

// 1. 定义路由组件.
// 也可以从其他文件导入

// 2. 定义一些路由
// 每个路由都需要映射到一个组件。
// 我们后面再讨论嵌套路由。
const routes = [
    {
        path: '/login',
        component: () => Login,
        meta: { noLogin:true},
        hidden: true
    },
    {
        path:'/',
        meta: { noLogin:true},
        redirect:'/login'
    },
    {
        path:'/mango',
        component:Mango
    }
]

const router = createRouter({
    history:createWebHashHistory(),
    routes:routes
})

router.beforeEach((to,from,next) => {
    if (to.meta.noLogin){
        if (getToken()){
            next({
                path: '/mango',
            })
        }else {
            next()
        }
    }else{
        if (getToken()){
            next()
        }else {
            next({
                path: '/login',
                // query: {
                //     redirect: to.fullPath // 把要跳转的页面路径作为参数传到登录页面
                // }
            })
        }
    }

})


export default router;